<template>

    <div class="configUrl">
      {{msg}}<br>
      <input v-model="urlName" >
      <button v-on:click="config">配置URL</button>
    </div>

</template>

<style></style>

<script>

export default {
  name: 'configUrl',
  data () {
    return {
      msg: '配置url模板页',
      urlName: 'http://zu.sz.fang.com'
    }
  },
  methods: {
    config: function () {
      // this.$http.post(
      //   'http://localhost:8889/configUrl',
      //   // 请求体重发送数据给服务端
      //   {
      //     urlName: this.urlName
      //   },
      //   {
      //     'headers': {
      //       'Content-Type': 'x-www-form-urlencoded'
      //     }
      //   })
      var params = new URLSearchParams()
      params.append('urlName', this.urlName)
      var self = this
      this.$ajax({
        method: 'post',
        url: 'http://localhost:8889/configUrl',
        data: params
      }).then(function (response) {
        // 成功回调
        self.msg = response.data
      }, function (response) {
        alert(response.status)
      })
    }
  }
}

</script>
